<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<title>轮播图</title>
</head>
<body>
	<div id="app">
		<p>这是一个段落</p>
		<!-- <p2>这是一个段落2</p2> -->
		<button id="show">显示</button>
		<button id="hide">隐藏</button>
		<button id="toggle">切换</button>
	</div>
	<script>
		//入口函数
		$(function(){
			$('#show').click(function(){
				//异步操作
				$('p').show(1000);
				alert('出现了段落');
				
				// $('p').show(1000,'linear',function(){
				// 	alert('段落出现了')
				// });
				
				// // $('p').show(2000,'swing');
				// // $('p').show('slow');
				// // $('p').show('fast');
				// // $('p').show(1000);
			})
			
			$('#hide').click(function(){
				$('p').hide();
			})
			$('#toggle').click(function(){
				$('p').toggle();
			})
			
		})
	</script>
</body>
</html>
